@import '../../../assets/css/CommonStyle.scss';
#Patient-PatientHomePage {
  overflow: auto;
  position: relative;
  .bgImg {
    width: m-w(750);
    height: m-w(200);
    position: absolute;
    top: 0;
    left: 0;
  }
  .personInfo {
    width: m-w(690);
    height: m-w(200);
    box-shadow: 0px 0px 30px 0px rgba(87, 82, 82, 0.1);
    border-radius: 8px;
    background: #ffffff;
    margin: 0 auto;
    position: relative;
    display: flex;
    padding: m-w(40) 0 m-w(40) m-w(24);
    margin-top: m-w(40);
    .cardBg {
      height: m-w(200);
      width: m-w(690);
      position: absolute;
      right: 0;
      top: 0;
      margin-right: 0;
      z-index: 0;
    }
    .basicInfo {
      z-index: 1;
    }
  }
  .personInfo .photo {
    width: m-w(120);
    height: m-w(120);
    border-radius: 50%;
    margin-right: m-w(40);
    z-index: 1;
  }
  .personInfo span {
    background: #ecf5ff;
    border-radius: 36px;
    margin-right: m-w(24);
    font-weight: 400;
    font-size: m-w(26);
    text-align: center;
    display: inline-block;
    min-width: m-w(48);
    min-height: m-w(48);
    line-height: m-w(48);
  }
  .age {
    padding: 0 12px;
  }
  .personInfo span label {
    color: rgba(66, 156, 255, 1);
  }
  .noDoctor {
    width: 100%;
    text-align: center;
    margin-top: m-w(80);
  }
  .noDoctor img {
    width: m-w(240);
    height: m-w(240);
  }
  .noDoctor p {
    margin-top: m-w(40);
    color: #a79f9f;
  }
  .doctorList .titlePatient {
    font-size: m-w(42);
    font-weight: bold;
    margin: m-w(32) 0 m-w(24) m-w(30);
    padding: 0;
  }
  .doctorList ul {
    /* display: flex;
    padding: 0;
    margin-left: m-w(30);*/
  }
  .doctor {
    padding: 0;
    margin: 0 m-w(30);
    .doctorItem {
      list-style: none;
      display: inline-block;
      position: relative;
      width: m-w(326);
      box-shadow: 0px 0px 30px 0px rgba(87, 82, 82, 0.1);
      border-radius: 8px;
      text-align: center;
      margin-right: m-w(18);
      margin-bottom: m-h(34);
      padding-bottom: m-h(40);
    }
    .hiddenMargin {
      margin-right: 0;
    }
    .clear {
      margin-right: 0;
    }
  }

  .unreadNum {
    position: absolute;
    top: m-w(16);
    right: m-w(16);
    background: #d0021b;
    border-radius: 12px;
    color: #fff;
    padding: 0 m-w(10);
    font-size: m-w(18);
  }
  .doctorItem img {
    width: m-w(88);
    height: m-w(88);
    border-radius: 100px;
    margin-top: m-w(40);
  }
  .doctorItem p {
    margin: m-w(16);
  }
  .name {
    font-size: m-w(34);
    font-weight: 600;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #333;
    margin-bottom: m-h(24);
  }
  .department span {
    margin: 0 m-w(16) m-w(16) 0;
    font-size: m-w(26);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
  }
  .hospital,
  .time {
    color: #949191;
    font-size: m-w(22);
  }
}
